<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="portal" uri="/WEB-INF/portal.tld"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<%@ include file="/common/plateform/include/common-base.jsp"%>
<title>银行列表管理</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
</head>

<!-- Part 一、 以下是body主体内容的模块区域 -->
<body class="hold-transition ${sysColor} sidebar-mini">
	<div class="wrapper">

		<!-- top start -->
		<%@include file="/common/plateform/top.jsp"%>
		<!-- top end -->
		<!-- left start -->
		<%@include file="/common/plateform/left.jsp"%>
		<!-- left end-->

		<div class="content-wrapper">
			<!-- Main start -->
			<section class="content">
				<div id="div_hidden_content" class="hidden" style="display:none;">
					<div id="hidden_common_final">
						<!-- temp="hidden_common_final" start -->
						<input name="mainObjName" type="hidden" value="sysBankInfo">
						<input name="mainObjPrimaryKey" type="hidden" value="infoId">
						<input name="objNameAll" type="hidden" value="sysBankInfo">
						<!-- temp="hidden_common_final" end -->
					</div>
					<!-- temp="delForm_hidden" start -->
					<div id="delForm_hidden" style="display:none;">
						<input type="hidden" name="pageName" value="sys-bank-list" /> <input
							type="hidden" name="formName" value="delForm" />
					</div>
					<!-- temp="delForm_hidden" end -->
				</div>
				<div class="row">
					<div class="col-xs-12">

						<!------搜索  start ------->
						<div class="box box-info">
							<!--搜索title  start -->
							<div class="box-header with-border">
								<h3 class="box-title">
									<i class="fa fa-search"></i> 银行统计列表搜索
								</h3>
								<div class="box-tools pull-right">
									<button type="button" class="btn btn-box-tool"
										data-widget="collapse">
										<i class="fa fa-minus"></i>
									</button>
								</div>
							</div>
							<!--搜索title  end -->
							<div class="box-body">
								<form id="searchForm" action="javascript:;">
									<!-- temp="searchForm_hidden" start -->
									<div id="searchForm_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="sys-bank-list" />
										<input type="hidden" name="formName" value="searchForm" /> <input
											type="hidden" name="orderBy"
											value="sysBankInfo.create_time desc" />
									</div>
									<!-- temp="searchForm_hidden" end -->

									<!-- temp="searchForm_content" start -->
									<div id="searchForm_content" class="form-group"
										data-temp-code="true" data-temp-type="searchForm"
										data-temp-form-id="searchForm">


										<table class="table table-bordered bordercolor">
											<tbody>
												<tr>
													<td class="" align="right"><label
														class="form-control-static">银行名称：</label>
													</td>
													<td><div class="form-group">
															<input name="sysBankInfo.wl_bankName"
																class="form-control clean" maxlength="30"
																data-temp-obj="sysBankInfo.bankName">
														</div>
													</td>
													<td class="" align="right"><label
														class="form-control-static">行号：</label>
													</td>
													<td><div class="form-group">
															<input name="sysBankInfo.wl_bankNo"
																class="form-control clean" maxlength="30"
																data-temp-obj="sysBankInfo.bankNo">
														</div>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
									<!-- temp="searchForm_content" end -->
								</form>
								<div class="box-footer text-center">
									<button type="button" class="btn btn-success"
										onclick="getTableData();" data-temp-event="searchForm_hidden">
										<i class="fa fa-search"></i> 查询
									</button>
									 
									<button type="button" class="btn btn-warning"
										onclick="mytools.cleanData('#searchForm');">重置</button>
								</div>
							</div>
						</div>
						<!------- 搜索 end -------->

						<!------- 列表 start -------->
						<div class="box box-success">
							<!--列表title  start -->
							<div class="box-header with-border">
								<h3 class="box-title">
									<i class="fa fa-table"></i> 查询结果
									<button id="button_to_add" onclick="toAdd();"
										class="btn btn-success" type="button">
										<i class="fa fa-plus-circle"></i> 增加
									</button>
								</h3>
								<div class="box-tools pull-right">
									<button type="button" class="btn btn-box-tool"
										data-widget="collapse">
										<i class="fa fa-minus"></i>
									</button>
								</div>
							</div>
							<div class="box-body">
								<table id="dataList" class="table table-bordered table-hover">
									<thead>
										<tr id="dataList_thead_content" data-temp-code="true"
											data-temp-type="table"
											data-temp-show="dataList_template_content">
											<th>序号</th>
											<!-- temp="dataList_thead_content" start -->

											<th data-temp-obj="sysBankInfo.bankType">行别</th>
											<th data-temp-obj="sysBankInfo.bankDist">地区</th>
											<th data-temp-obj="sysBankInfo.bankName">行名</th>
											<th data-temp-obj="sysBankInfo.bankNo">行号</th>
											<th>操作</th>
											<!-- temp="dataList_thead_content" end -->
										</tr>
									</thead>
									<tbody id="dataList-body">

									</tbody>
								</table>
							</div>

							<div class="box-footer text-center">
								<ul id="dataList-page" class="pagination">
								</ul>
							</div>
						</div>
						<!------- 列表 end -------->
					</div>
				</div>

				<div win-title="添加窗口" class="modal fade" id="my_modal_add"
					tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
					aria-hidden="true">
					<div class="modal-dialog" style="width:50%;">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">×</button>
								<h4 class="modal-title">
									<font color="red">信息添加</font> 
								</h4>
							</div>

							<div class="modal-body">

								<div class="nav-tabs-custom">
									<ul class="nav nav-tabs" id="myTab-add">
									</ul>

									<!-- tab content start -->
									<div class="tab-content">

										<div class="tab-pane active" id="tabAdd_1">
											<form class="form-horizontal addFormBody" role="form"
												id="addForm1" action="javascript:void(0)">
												<input type="hidden" class="formToken"
													id="addForm1_formToken" name="formToken" />
												<!-- temp="addForm1_hidden" start -->
												<div id="addForm1_hidden" style="display:none;">
													<input type="hidden" name="pageName" value="sys-bank-list" />
													<input type="hidden" name="formName" value="addForm" />
												</div>
												<!-- temp="addForm1_hidden" end -->

												<!-- temp="addForm1_content" start -->
												<div id="addForm1_content" data-temp-code="true"
													data-temp-type="addForm" data-temp-form-id="addForm1">


													<table class="table table-bordered bordercolor">
														<tbody>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">行别：</label>
																</td>
																<td><div class="form-group">
																		<input name="sysBankInfo.bankType"
																			class="form-control clean" maxlength="30"
																			data-temp-obj="sysBankInfo.bankType">
																	</div>
																</td>
															</tr>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">地区：</label>
																</td>
																<td><div class="form-group">
																		<input name="sysBankInfo.bankDist"
																			class="form-control clean" maxlength="30"
																			data-temp-obj="sysBankInfo.bankDist">
																	</div>
																</td>
															</tr>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">行名：</label>
																</td>
																<td><div class="form-group">
																		<input name="sysBankInfo.bankName"
																			class="form-control clean" maxlength="30"
																			data-temp-obj="sysBankInfo.bankName">
																	</div>
																</td>
															</tr>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">行号：</label>
																</td>
																<td><div class="form-group">
																		<input name="sysBankInfo.bankNo"
																			class="form-control clean" maxlength="30"
																			data-temp-obj="sysBankInfo.bankNo">
																	</div>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
												<!-- temp="addForm1_content" end -->


												<div class="form-group">
													<div class="col-sm-12">
														<div class="box-footer text-center">
															<button class="btn btn-success pull-left" type="button"
																onclick="mytools.closeModal('my_modal_add');">
																取消</button>
															<button class="btn btn-danger pull-right" type="button"
																onclick="submitForm1('addForm1','');"
																data-temp-event="addForm1_hidden">提 交</button>
														</div>
													</div>
												</div>

											</form>
										</div>

									</div>
									<!-- tab content e -->
								</div>

							</div>
						</div>
						<!-- /.modal-content -->
					</div>
				</div>

				<div win-title="修改窗口" class="modal fade" id="my_modal_edit"
					tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
					aria-hidden="true">
					<div class="modal-dialog" style="width:50%;">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">×</button>
								<h4 class="modal-title">
									<font color="red">信息修改</font> 
								</h4>
							</div>
							<div class="modal-body">
								<div class="nav-tabs-custom">
									<ul class="nav nav-tabs" id="myTab-edit">
									</ul>

									<!-- tab content start -->
									<div class="tab-content">

										<div class="tab-pane active" id="tabEdit_1">
											<form class="form-horizontal editFormBody" role="form"
												id="editForm1" action="javascript:void(0)">
												<input type="hidden" class="formToken"
													id="editForm1_formToken" name="formToken" />
												<!-- temp="editForm1_hidden" start -->
												<div id="editForm1_hidden" style="display:none;">
													<input type="hidden" name="pageName" value="sys-bank-list" />
													<input type="hidden" name="formName" value="editForm" /> <input
														type="hidden" name="sysBankInfo.w_infoId"
														data-name="sysBankInfo.infoId"
														class="sysBankInfo_infoId clean">
												</div>
												<!-- temp="editForm1_hidden" end -->

												<!-- temp="editForm1_content" start -->
												<div id="editForm1_content">


													<table class="table table-bordered bordercolor">
														<tbody>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">行别：</label>
																</td>
																<td><div class="form-group">
																		<input name="sysBankInfo.bankType"
																			class="form-control clean" maxlength="30"
																			data-temp-obj="sysBankInfo.bankType"
																			data-name="sysBankInfo.bankType">
																	</div>
																</td>
															</tr>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">地区：</label>
																</td>
																<td><div class="form-group">
																		<input name="sysBankInfo.bankDist"
																			class="form-control clean" maxlength="30"
																			data-temp-obj="sysBankInfo.bankDist"
																			data-name="sysBankInfo.bankDist">
																	</div>
																</td>
															</tr>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">行名：</label>
																</td>
																<td><div class="form-group">
																		<input name="sysBankInfo.bankName"
																			class="form-control clean" maxlength="30"
																			data-temp-obj="sysBankInfo.bankName"
																			data-name="sysBankInfo.bankName">
																	</div>
																</td>
															</tr>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">行号：</label>
																</td>
																<td><div class="form-group">
																		<input name="sysBankInfo.bankNo"
																			class="form-control clean" maxlength="30"
																			data-temp-obj="sysBankInfo.bankNo"
																			data-name="sysBankInfo.bankNo">
																	</div>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
												<!-- temp="editForm1_content" end -->

												<div class="form-group">
													<div class="col-sm-12">
														<div class="box-footer text-center">
															<button class="btn btn-success pull-left" type="button"
																onclick="mytools.closeModal('my_modal_edit');">
																取消</button>
															<button class="btn btn-danger pull-right" type="button"
																onclick="submitForm1('editForm1','');"
																data-temp-event="editForm1_hidden">提 交</button>
														</div>
													</div>
												</div>
											</form>
										</div>

									</div>
									<!-- tab content e -->
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
				</div>

				<div win-title="查看窗口" class="modal fade" id="my_modal_view"
					tabindex="-2" role="dialog" aria-labelledby="myModalLabel"
					aria-hidden="true">
					<div class="modal-dialog" style="width:50%;">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">×</button>
								<h4 class="modal-title">
									<font color="red">查看详情</font> 
								</h4>
								<form id="viewForm" action="javascript:void(0)">
									<!-- temp="viewForm_hidden" start -->
									<div id="viewForm_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="sys-bank-list" />
										<input type="hidden" name="formName" value="searchForm" /> <input
											type="hidden" name="sysBankInfo.w_infoId"
											value="${param.infoId}" />
									</div>
									<!-- temp="viewForm_hidden" end -->
								</form>
							</div>
							<div class="modal-body viewForm">

								<div class="nav-tabs-custom">
									<ul class="nav nav-tabs" id="myTab-view">
									</ul>

									<!-- tab content start -->
									<div class="tab-content">

										<div class="tab-pane active" id="tabView_1">
											<form class="form-horizontal" role="form" id="viewForm1"
												action="javascript:void(0)">

												<!-- temp="viewForm1_content" start -->
												<div id="viewForm1_content" class="row viewForm">
													<table class="table table-bordered bordercolor">
														<tbody>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">行别：</label>
																</td>
																<td><div class="form-control-static">
																		<span data-name="sysBankInfo.bankType"></span>
																	</div>
																</td>
															</tr>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">地区：</label>
																</td>
																<td><div class="form-control-static">
																		<span data-name="sysBankInfo.bankDist"></span>
																	</div>
																</td>
															</tr>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">行名：</label>
																</td>
																<td><div class="form-control-static">
																		<span data-name="sysBankInfo.bankName"></span>
																	</div>
																</td>
															</tr>
															<tr>
																<td class="active" align="right"><label
																	class="form-control-static">行号：</label>
																</td>
																<td><div class="form-control-static">
																		<span data-name="sysBankInfo.bankNo"></span>
																	</div>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
												<!-- temp="viewForm1_content" end -->

											</form>
										</div>

										<div class="form-group">
											<div class="col-sm-12">
												<div class="box-footer text-center">
													<button class="btn btn-success pull-right" type="button"
														onclick="mytools.closeModal('my_modal_view');">
														关闭</button>
												</div>
											</div>
										</div>

									</div>
									<!-- tab content e -->
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
				</div>

				<!-- Part 二、以下是template模板定义的模块区域 -->
				<script type="text/template" id="dataList-template">
		<? for ( var i = 0; i < rows.length; i++) {?>
		<tr>
				<td><?=(pageObj.currentPage-1)*10+(i+1)?></td>
			<!-- temp="dataList_template_content" start -->
				<td style='display:none;'><input type="hidden" name="input_primaryKey" obj-name="sysBankInfo" primary="infoId" value="<?=strUtil.doNull(rows[i].sysBankInfo.infoId,'')?>"/>
				<td><?=strUtil.doNull(rows[i].sysBankInfo.bankType,'')?></td>
				<td><?=strUtil.doNull(rows[i].sysBankInfo.bankDist,'')?></td>
				<td><?=strUtil.doNull(rows[i].sysBankInfo.bankName,'')?></td>
				<td><?=strUtil.doNull(rows[i].sysBankInfo.bankNo,'')?></td>
				<!-- temp="dataList_template_content" end -->
              <td>
				<button type="button" class="btn btn-success btn-xs" onclick="toLoad(this,'view')"><i class="fa fa-search-plus"></i> 查看</button>  
				<button type="button" class="btn btn-warning btn-xs" onclick="toLoad(this,'edit');"><i class="fa fa-edit"></i> 修改</button>  
				<!--<button type="button" class="btn btn-danger btn-xs" onclick="toDele(this);"><i class="fa fa-trash-o"></i> 删除</button>
				-->
			</td>
		</tr>
   <?}?>  		
</script>

				<!-- Part 三、 以下是js模块区域 -->
				<script>
					var clickMenu = "bank-list";
					var myPage, dataListId, searchFormId;
					myPage = 10;//定义列表数据
					dataListId = "dataList";//显示列表数据div的id
					searchFormId = "searchForm";//搜索表单Id
					/**
					 * 初始化数据字典，id传入#id 返回值Map用法：dictListMap["userType"][rows[i].userType]
					 */
					var dictListMap = DictUtil.initDictAndDymic();

					$(function() {
						//1、加载分页列表数据
						getTableData();

						//2、控制是否启用token
						//setToken();

					});

					$(function() {
						//设置数据行选中效果
						$('#' + dataListId + ' tbody').on(
								'click',
								'tr',
								function(e) {
									if ($(this).hasClass('selected')) {
									} else {
										$('tr.selected')
												.removeClass('selected');
										$(this).addClass('selected');
									}
									//var id = $('tr.selected th').eq(0).html();
								});
					});
					//注入日历框样式
					var dateObject = $('.datepicker').datepicker({
						language : 'zh-CN',
						//inline: true,
						todayBtn : "linked",
						format : "yyyy-mm-dd",
						autoclose : true
					});
					//打开添加modal
					function toAdd() {
						layer.alert("数据请慎重操作！！！");
						mytools.cleanData(".addFormBody");//清空表单元素上次填写的内容；
						setValidate(".addFormBody");//定义add表单验证属性
						mytools.cleanValidate(".addFormBody");//清空上次校验规则提示
						$(".datepicker").val("");
						$("#my_modal_add").modal("show");
					}
					//数据toLoad读取（查看、编辑）数据
					function toLoad(obj, type) {
						if ("view" == type) {
							$("#my_modal_view").modal("show");
						} else if ("edit" == type) {
							layer.alert("数据请慎重操作！！！");
							mytools.cleanData(".editFormBody");//清空表单元素上次填写的内容；
							setValidate(".editFormBody");//定义edit表单验证属性
							mytools.cleanValidate(".editFormBody");//清空上次校验规则提示
							$("#my_modal_edit").modal("show");
						}
						var paramLoadData = {};
						var inputPrimaryObj = $(obj).parent().parent().find(
								"input[name='input_primaryKey']");
						paramLoadData["pageName"] = $("#searchForm").find(
								"input[name='pageName']").val();
						paramLoadData["formName"] = $("#searchForm").find(
								"input[name='formName']").val();
						if (inputPrimaryObj
								&& !strUtil.isNull(inputPrimaryObj.val())) {
							var objName = inputPrimaryObj.attr("obj-name");
							var primary = inputPrimaryObj.attr("primary");
							paramLoadData[objName + ".w_" + primary] = inputPrimaryObj
									.val();
							$.get(common_info_url, paramLoadData, function(
									myData) {
								console.log(myData);
								//反显加载数据
								if (myData) {
									for ( var objNameKey in myData) {
										FormUtil.loadView(objNameKey,
												myData[objNameKey]);
									}
								}
							}, "json");
						}
					}
					//删除调用
					function toDele(obj) {
						if (!$("#delForm_hidden")
								.find("input[name='formName']").val()) {
							layer.alert("缺失删除参数！");
							return;
						}
						var index_submit = layer
								.confirm(
										"您确定要删除信息吗？",
										{
											btn : [ "Yes", "No" ],
											closeBtn : 0,
											offset : "220px"
										},
										function() {
											layer.close(index_submit);
											var paramData = {};
											var inputPrimaryObj = $(obj)
													.parent()
													.parent()
													.find(
															"input[name='input_primaryKey']");
											paramData["pageName"] = $(
													"#delForm_hidden").find(
													"input[name='pageName']")
													.val();
											paramData["formName"] = $(
													"#delForm_hidden").find(
													"input[name='formName']")
													.val();
											if (inputPrimaryObj
													&& !strUtil
															.isNull(inputPrimaryObj
																	.val())) {
												var objName = inputPrimaryObj
														.attr("obj-name");
												var primary = inputPrimaryObj
														.attr("primary");
												paramData[objName + ".w_"
														+ primary] = inputPrimaryObj
														.val();
												$
														.ajax({
															type : "post",
															url : common_submit_url,
															data : paramData,
															dataType : "json",
															success : function(
																	myData) {
																var result = myData.flag;
																if (result == "T") {
																	refresh();
																} else {
																	layer
																			.alert("删除失败！");
																}
															}
														});
											}
										});
					}
					//加载列表数据
					function getTableData() {
						$.ajax({
							type : 'get',
							url : common_list_url,
							data : $("#" + searchFormId).serialize()
									+ getCurrentPage(
											common_list_url
													+ "?"
													+ $("#" + searchFormId)
															.serialize(),
											myPage),
							dataType : 'json',
							success : function(myData) {
								console.log(myData);
								var data = baidu.template(dataListId
										+ "-template", eval(myData));
								$("#" + dataListId + "-body").html(data);
								var option = {
									ele : $("#" + dataListId + "-page")[0],
									total : myData.total,
									fn : getTableData,
									url : common_list_url + "?"
											+ $("#" + searchFormId).serialize()
								}
								generatePages(option);
							}
						});
					}

					//提交tab1表单数据
					function submitForm1(formId, tabId) {
						//校验规则-表单提交时触发
						var validate = $('#' + formId).data(
								'bootstrapValidator').validate();
						if (!validate.isValid()) { //如果校验不通过就返回
							return;
						}

						var index_submit = layer.confirm('您确定要保存信息吗？', {
							btn : [ 'Yes', 'No' ],
							closeBtn : 0,
							offset : '220px'
						}, function() {
							var result = submitForm(formId, tabId);
							if (result) {
								layer.alert("提交成功！", {
									closeBtn : 0
								});
								mytools.closeModal("my_modal_add");
								mytools.closeModal("my_modal_edit");
								refresh();

								setToken();
								if (!strUtil.isNull(tabId)) {
									$('.nav-tabs a[href=\"#' + tabId + '\"]')
											.tab('show'); // Select tab by name 
								}
							}
						});

					}
					//提交表单数据
					function submitForm(formId, tabId) {
						var result;
						var index_load = layer.load(1, {
							shade : false
						});
						$.ajax({
							type : 'post',
							url : common_submit_url,
							data : $("#" + formId).serialize(),
							async : false,
							dataType : 'json',
							success : function(myData) {
								console.log(myData);
								if (myData.flag == "T") {
									result = myData;
								} else {
									setToken();
									layer.alert(myData.msg);
								}
								layer.close(index_load);
							},
							error : function(e) {
								layer.close(index_load);
							}
						});
						return result;
					}

					//刷新
					function refresh() {
						getTableData();
					}
					//设置token
					function setToken() {
						$.ajax({
							type : 'get',
							url : '${ctx}/sendPage/token?token=true',
							dataType : 'text',
							success : function(myData) {
								console.log(myData);
								$('.formToken').val(myData);
							}
						});
					}

					/**** Part 四、以下是自定义新增方法  ****/
					//1.定义校验规则-定义
					function setValidate(id) {
						$(id).each(function() {
							$(this).bootstrapValidator({
								feedbackIcons : {
									valid : 'glyphicon glyphicon-ok',
									invalid : 'glyphicon glyphicon-remove',
									validating : 'glyphicon glyphicon-refresh'
								},
								/** 以下需要结合实际业务清空补充个表单元素的验证规则 **/
								fields : {
								/** 可自定义新增验证规则
								"uctUser.userEname":{
								 validators: {
									 regexp: {
										 regexp: /^[0-9]+$/,
								             message: '只能是数字'
								         }
								     }
								}
								 **/
								}
							});
						});
					}
				</script>
			</section>
			<!-- Main end -->
		</div>
	</div>
	<!-- /.content-wrapper -->
	<!-- foot start -->
	<%@include file="/common/plateform/foot.jsp"%>
	<!-- foot start -->
</body>
</html>
















